<!--
 * @Author: Yang Zhang
 * @Date: 2021-11-19 00:21:03
 * @LastEditors: Yang Zhang
 * @LastEditTime: 2021-11-19 00:28:12
 * @Description: 
-->
<template>
  <div
    class="kol-btn flex-c login"
    :class="type === 'default' ? '' : type === 'primary' ? 'kol-btn-primary' : ''"
  >{{ info }}</div>
</template>

<script lang='ts' setup>
import { reactive, toRefs, onBeforeMount, onMounted } from 'vue'
interface DataProps {
  type: string,
  info: string
}

const props = defineProps<DataProps>()



</script>
<style lang='scss' scoped>
.kol-btn {
  width: 150px;
  height: 65px;
  border: 2px solid #e60044;
  border-radius: 10px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #e60044;
  cursor: pointer;
}
.kol-btn-primary {
  background: #e60044;
  color: #ffffff;
}
</style>
